<!DOCTYPE html>
<!-- saved from url=(0020)http://www.88ff.com/ -->
<html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    
    <meta http-equiv="X-UA-Compatible" content="IE=10">
    <title>七彩云 - 微麦小程序招商、小程序加盟、小程序代理,七彩云小程序一站式服务 - 七彩云服务1</title>
    <meta name="keywords" content="七彩云、七彩云小程序、微信小程序、附近的小程序、小程序招商、小程序加盟、小程序代理">
    <meta name="description" content="七彩云服务我们是资深微信开发专家，提供微信小程序、附近的小程序及小程序定制开发上线运营">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link href="./七彩云 - 微麦小程序招商、小程序加盟、小程序代理,七彩云小程序一站式服务 - 七彩云服务1_files/bootstrap.min.css" rel="stylesheet">
    <link type="text/css" rel="stylesheet" href="./七彩云 - 微麦小程序招商、小程序加盟、小程序代理,七彩云小程序一站式服务 - 七彩云服务1_files/font-awesome.min.css">
    <link rel="stylesheet" href="./七彩云 - 微麦小程序招商、小程序加盟、小程序代理,七彩云小程序一站式服务 - 七彩云服务1_files/swiper-3.4.2.min.css">
    <link rel="stylesheet" href="./七彩云 - 微麦小程序招商、小程序加盟、小程序代理,七彩云小程序一站式服务 - 七彩云服务1_files/ace.min.css">
    <link rel="stylesheet" href="./七彩云 - 微麦小程序招商、小程序加盟、小程序代理,七彩云小程序一站式服务 - 七彩云服务1_files/ace-rtl.min.css">
    <link rel="stylesheet" href="./七彩云 - 微麦小程序招商、小程序加盟、小程序代理,七彩云小程序一站式服务 - 七彩云服务1_files/ace-skins.min.css">
    <link type="text/css" rel="stylesheet" href="./七彩云 - 微麦小程序招商、小程序加盟、小程序代理,七彩云小程序一站式服务 - 七彩云服务1_files/default.css">
    <script charset="utf-8" src="./七彩云 - 微麦小程序招商、小程序加盟、小程序代理,七彩云小程序一站式服务 - 七彩云服务1_files/v.js"></script><script src="./七彩云 - 微麦小程序招商、小程序加盟、小程序代理,七彩云小程序一站式服务 - 七彩云服务1_files/hm.js"></script><script type="text/javascript" src="./七彩云 - 微麦小程序招商、小程序加盟、小程序代理,七彩云小程序一站式服务 - 七彩云服务1_files/jquery-1.10.2.min.js"></script>
    <script type="text/javascript" src="./七彩云 - 微麦小程序招商、小程序加盟、小程序代理,七彩云小程序一站式服务 - 七彩云服务1_files/bootstrap.min.js"></script>
    <script src="./七彩云 - 微麦小程序招商、小程序加盟、小程序代理,七彩云小程序一站式服务 - 七彩云服务1_files/ace-elements.min.js"></script>
    <script src="./七彩云 - 微麦小程序招商、小程序加盟、小程序代理,七彩云小程序一站式服务 - 七彩云服务1_files/ace.min.js"></script>
    <script src="./七彩云 - 微麦小程序招商、小程序加盟、小程序代理,七彩云小程序一站式服务 - 七彩云服务1_files/xq_navbar.js"></script>
    <script src="./七彩云 - 微麦小程序招商、小程序加盟、小程序代理,七彩云小程序一站式服务 - 七彩云服务1_files/swiper-3.4.2.jquery.min.js"></script>
    <script src="./七彩云 - 微麦小程序招商、小程序加盟、小程序代理,七彩云小程序一站式服务 - 七彩云服务1_files/ace-extra.min.js"></script>
    <link rel="stylesheet" type="text/css" href="./七彩云 - 微麦小程序招商、小程序加盟、小程序代理,七彩云小程序一站式服务 - 七彩云服务1_files/index.css">
    <link rel="stylesheet" type="text/css" href="./七彩云 - 微麦小程序招商、小程序加盟、小程序代理,七彩云小程序一站式服务 - 七彩云服务1_files/common.css">

    <script type="text/javascript">
        $(document).ready(function() {

            var $w = $(window);
              var $prog2 = $('.progress-indicator-2');
              var $bg = $('.bg_op');
              var wh = $w.height();
              var h = $('body').height();
              var sHeight = h - wh;
              $w.on('scroll', function() {
                window.requestAnimationFrame(function(){
                  var perc = Math.max(0, Math.min(1, $w.scrollTop() / sHeight));
                  updateProgress(perc);
                });
              });

              function updateProgress(perc) {


                $prog2.css({width: perc * 100 + '%'});
                // $bg.css({opacity: perc*2});
                // ditto.save_progress && store.set('page-progress', perc);
              }
			
			$(".q_head_con").hover(
				function(){
					$bg.css({opacity: 1});
				},
				function(){
					$bg.css({opacity: .2});
				}
			)
			
			$(".an_title").hover(
				function(){
					$(".an_title").addClass('intro');
					$(".an_title_con").css({display:'block'});
				},
				function(){
					$(".an_title").removeClass('intro');
					$(".an_title_con").css({display:'none'});
				}
			)
       
        })
    </script>
    <style type="text/css">

    .q_head{
            position: absolute;
            top: 0px;
            width: 100%;
            height: 60px;
        }

        .bg_op{
            position: absolute;;
            width: 100%;
            height: 60px;
            background: #061024;
            top: 0px;
            z-index: 88881;
            -webkit-transition: all .1s ease;
            -moz-transition: all .1s ease;
            transition: all .1s ease;
            opacity: .2;
        }
        
        .q_head_con{
            position: absolute;
            top: 0px;
            width: 100%;
            height: 60px;
            z-index: 88882;
        }
        .xq_navli{
/*			position: relative;*/
			font-size: 15px;
        }
		
		.xq_navli a:hover{
			color: #108ee9;
		}
		.an_title>a:after {
			content: "";
			display: inline-block;
			margin-left: 8px;
			margin-bottom:2px;
			width: 8px;
			height: 8px;
			border-style: solid;
			border-color: #fff;
			border-width: 1px 0 0 1px;
			-webkit-transition: all .1s ease;
            -moz-transition: all .1s ease;
            transition: all .1s ease;
			-webkit-transform: rotateZ(225deg);
		}
		.intro>a:after {
			-webkit-transform: rotateZ(45deg);
		}
		
		.an_title_con{
			position: absolute;
			background: rgba(6,16,36,.96);
			width: 100%;
/*			height: 300px;*/
			-webkit-transition: all .3s ease;
            -moz-transition: all .3s ease;
            transition: all .3s ease;
			left: 0px;
			display: none;
		}
		.an_title_li{
			width: 1200px;
			padding: 60px 20px 50px 20px ;
/*			height: 300px;*/
/*			border: 1px solid #444;			*/
		    margin: 0 auto;
			overflow: auto;
		}
		.an_title_li_pro,.an_title_li_que{
			float: left;
		}
		
		.an_title_li_pro{
			float: left;
			width: 548px;
		}
		
		.an_title_li_que{
			width: 610px;
			padding: 0px 0px 0px 60px;
		}
		.an_title_li_pr_con{
			position: relative;
			float: left;
	        width: 50%;
			line-height: 20px;
			width: 274px;
			height: 70px;
			padding: 13px 0px;
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
		}
		
		.qc_line{
			
			width: 1px;
			height: 236px;
			background: #9c9c9c;
			float: left;
			margin-left: -10px;
		}
		.an_title_li_pro p{
			font-size: 18px;
			color: #fff;
			line-height: 24px;
	        width: 50%;
			margin-left: 26px;
		
		}
		
		.an_title_li_pro span{
			font-size: 12px;
			color: #9c9c9c;
	        width: 50%;
			margin-left: 26px;
		}
		
		.an_title_li_que p{
			font-size: 18px;
			color: #fff;
			line-height: 24px;
	        width: 50%;
		
		}
		
		.an_title_li_que span{
			font-size: 12px;
			color: #9c9c9c;
	        width: 50%;
		}
		.pro_title{
			    color: #fff;
				font-size: 13px;
				line-height: 16px;
				margin-bottom: 12px
		}
		
		 .iocn_img{
			width: 20px;
			height: 20px;
			position: absolute;
			left: 2px;
			top: 14px;
			background-size: cover;
			background-position: center;
			background-repeat: no-repeat;
		}
		
		.ioc_one{
			background-image: url(/asset/cloud/images/pricing/section1__icon3.png?v=2);
		}
		
		.ioc_gw{
			background-image: url(/asset/cloud/images/pricing/dz_icon.png?v=2);
		}
		
		.ioc_tc{
			background-image: url(/asset/cloud/images/pricing/tc_iocn.png?v=2);
		}
		
		.ioc_cy{
			background-image: url(/asset/cloud/images/pricing/section1__icon2.png?v=2);
		}
		
		.ioc_my{
			background-image: url(/asset/cloud/images/pricing/section1__icon1.png?v=2);
		}
		
		.ico_dz{
			background-image: url(/asset/cloud/images/pricing/section1__icon4.png?v=2);
		}
		html,
body {
    background: #eee;
}

img {
    width: 100%;
}

.qcy-navbar-content {
    width: 100%;
    background: #fff;
    font-size: 0;
    border-bottom: 1px solid #eee;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
}

a:hover {
    text-decoration: none;
    cursor: pointer;
}

a:hover {
    text-decoration: none;
    cursor: pointer;
}

.logo .go-home {
    color: #2b90ed;
}

.ad-img-wrap {
    background-color: #fff;
}
.banner__btn {
    width: 11.25%;
    height: 12%;
    border-radius: 30px;
    text-align: center;
    position: absolute;
    left: 0;
}

.banner__btn1 {
    margin-left: 24.6354167%;
    border: 2px solid #3ae8fd;
    bottom: 20.8%;
}

.banner__btn2 {
    margin-left: 24.6354167%;
    border: 1px solid #ffffff;
    bottom: 18%;
}

.banner__btn3 {
    margin-left: 24.6354167%;
    border: 1px solid #ffffff;
    bottom: 29.2%;
}

.banner__btn4 {
    margin-left: 42.96875%;
    background: #ffffff;
    bottom: 29.2%;
}

.banner__btn a {
    display: block;
    width: 100px;
    height: 50px;
    line-height: 50px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -50px;
    margin-top: -25px;
    font-size: 16px;
}

.banner__btn1_active,
.banner__btn1_active:hover {
    color: #3ae8fd;
}

.banner__btn2_active,
.banner__btn2_active:hover {
    color: #ffffff;
}

.banner__btn3_active,
.banner__btn3_active:hover {
    color: #fff;
}

.banner__btn4_active,
.banner__btn4_active:hover {
    color: #fff;
}

.banner-content {
    /*margin-top: 55px;*/
}

.banner-bgimg {
    width: 100%;
    height: 500px;
    background-color: orange;
    position: relative;
    top: 0;
    left: 0;
    background-image: url("../images/pricing/pricing-bgimg.jpg");
}

.xcx-version-wrap {
    width: 1200px;
    margin: 0 auto;
    padding-top: 200px;
}

.xcx-version {
    width: 100%;
    height: 600px;
    background: rgba(255, 255, 255, 0.8);
    padding: 50px 20px;
    margin-bottom: 50px;
}

.xcx-version>ul>li {
    width: 216px;
    height: 550px;
    margin-right: 20px;
    background: #fff;
    float: left;
    border: 1px solid #edeeef;
}

.xcx-version>ul>li:last-child {
    margin-right: -32px;
}

.xcx-version>ul>li .img-wrap {
    width: 100%;
    position: relative;
    top: 0;
    left: 0;
}

.xcx-version>ul>li img {
    width: 100%;
    background: orange;
    vertical-align: middle;
}

.xcx-version-item {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.xcx-version-item p {
    line-height: 177px;
    text-align: center;
    font-size: 30px;
    color: #fff;
}

.xcx-version-item p:nth-child(2) {
    padding-top: 0;
    font-size: 48px;
    color: #fff;
    text-align: center;
    line-height: 96px;
}

.xcx-version-item p span {
    font-size: 18px;
    text-align: center;
    color: #fff;
}

.xcx-version>ul>li ul {
    padding: 20px;
    height: 300px;
}

.xcx-version>ul>li ul li {
    line-height: 22px;
    font-size: 14px;
    list-style-type: disc;
}

.xcx-version>ul>li a {
    display: block;
    margin-top: 20px;
    width: 180px;
    height: 40px;
    line-height: 40px;
    background: #2b90ed;
    margin: 0 auto;
    border-radius: 2px;
    font-size: 16px;
    color: #fff;
    text-align: center;
}

.ad-btn-wrap {
    position: relative;
    top: 0;
    left: 0;
}

.ad-btn {
    display: inline-block;
    width: 10.4166667%;
    min-width: 120px;
    padding-top: 0.8854166%;
    padding-bottom: 0.8854166%;
    border: 2px solid #4cc7e8;
    border-radius: 54px;
    font-size: 20px;
    color: #4cc7e8;
    text-align: center;
    position: absolute;
    left: 50%;
    top: 77%;
    margin-left: -5.20833335%;
}

.ad-btn:hover,
.ad-btn:active {
    background-color: #4cc7e8;
    color: #000;
    text-decoration: none;
}

.ad-btn.ad-btn_white {
    color: #fff;
    border-color: #4f98ff;
    background-color: #4f98ff;
}

.ad-btn.ad-btn_white:hover,
.ad-btn.ad-btn_white:active {
    color: #fff;
    background-color: #4f98ff;
    opacity: .7;
}

.ad-tit {
    line-height: 30px;
    padding-top: 72px;
    padding-bottom: 14px;
    text-align: center;
    font-size: 30px;
    font-weight: bolder;
    color: #000;
}

.ad-text {
    font-size: 18px;
    line-height: 18px;
    text-align: center;
    color: #888;
    padding-bottom: 42px;
}

.pagination {
    position: absolute;
    z-index: 20;
    bottom: 10px;
    width: 100%;
    text-align: center;
}

.swiper-pagination-switch {
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 8px;
    background: #555;
    margin: 0 5px;
    opacity: 0.8;
    border: 1px solid #fff;
    cursor: pointer;
}

.swiper-active-switch {
    background: #fff;
}

.col-white {
    color: #fff;
}

.footerWrap {
    color: #666;
}

.QR-code-wrap {
    width: 100%;
    height: 180px;
    padding: 30px 0;
    font-size: 0;
    background-color: #343434;
}

.QR-code-img {
    width: 500px;
    height: 140px;
    margin: auto;
}

.QR-code-img img {
    width: 150px;
    height: 124px;
    padding-right: 30px;
    border-right: 1px solid #666;
    vertical-align: middle;
}

.QR-code-img div {
    display: inline-block;
    padding-left: 30px;
    vertical-align: middle;
}

.QR-code-img div p {
    line-height: 24px;
    font-size: 16px;
    color: #666;
    margin: 0;
}

.copyright {
    width: 100%;
    height: 40px;
    background-color: #262626;
    text-align: center;
    padding: 5px 0;
}

.copyright span {
    line-height: 30px;
    font-size: 16px;
}

.chat-right {
    position: fixed;
    right: 0;
    top: 25%;
    border-top: 2px solid #09BB07;
    text-align: center;
    box-shadow: 2px 6px 16px rgba(0, 0, 0, 0.1);
    z-index: 10000;
}

.chat-right li {
    border: 1px solid #ddd;
    background: #fff;
    border-top: none;
}

.chat-right .tit {
    padding: 15px 0;
    font-size: 18px;
    color: #444;
    font-weight: 300;
    line-height: 1.2;
    word-wrap: break-word;
}

.chat-right a {
    display: block;
    position: relative;
    font-size: 32px;
    line-height: 80px;
    width: 80px;
    height: 80px;
}

.chat-right a:hover,
.chat-right a.active {
    text-decoration: none;
    background: #09BB07;
    background: linear-gradient(45deg, #09BB07, #2bc792);
}

.chat-right a:hover i.iconfont,
.chat-right a.active i.iconfont {
    color: #fff;
}

.chat-right .weixin .slide-QR-Code {
    position: absolute;
    border-radius: 3px 0 0 3px;
    top: 50%;
    margin-top: -80px;
    right: -160px;
    z-index: -1;
}

.chat-right .weixin a:hover img {
    right: 80px;
}

.idh-box {
    width: 160px;
    position: absolute;
    top: 0;
    font-size: 14px;
    line-height: 160%;
    padding: 10px;
    z-index: -1;
    border: 1px solid #ddd;
    right: -150px;
    background: #fff;
    text-align: left;
    border-radius: 3px 0 0 3px;
    border-left: 2px solid #09BB07;
    color: #666;
    box-shadow: -5px 5px 20px rgba(0, 0, 0, 0.1);
    cursor: default;
    white-space: nowrap;
}

.qq-box {
   /* width: 160px;
    position: absolute;
    top: 0;
    font-size: 14px;
    line-height: 160%;
    padding: 10px 20px;
    z-index: -1;
    border: 1px solid #ddd;
    right: -150px;
    background: #fff;
    text-align: left;
    border-radius: 3px 0 0 3px;
    border-left: 2px solid #09BB07;
    color: #666;
    box-shadow: -5px 5px 20px rgba(0, 0, 0, 0.1);
    cursor: default;
    white-space: nowrap;*/
}

.qq-box p {
    display: inline-block;
    width: 60px;
    height: 60px;
}

.qq-box p:hover {
    cursor: pointer;
}

.qq-box p img {
    display: block;
    width: 34px;
    height: 34px;
    margin: 0 auto;
}

.qq-box p span {
    display: block;
    text-align: center;
}

.chat-right a:hover .idh-box,
.chat-right a.active .idh-box {
    right: 80px;
}

.chat-right a:hover .qq-box,
.chat-right a.active .qq-box {
    right: 80px;
}

.chat-right a i.chat-close,
.chat-right a:hover i.chat-close,
.chat-right a.active i.chat-close {
    position: absolute;
    right: 10px;
    top: 10px;
    color: #000;
    cursor: pointer;
}

.chat-right a i.chat-close:hover {
    color: #E64340;
}

.comm-btn,
a,
img,
.mColum .more:after,
a.uline:after,
.popup li>input,
.main-body,
.chat-right .weixin img,
.case-box,
.test-app,
.case-box:after,
.idh-box,
.qq-box {
    -webkit-transition: all .3s ease;
}

.slide-QR-Code {
    width: 160px;
    height: 160px;
}

.slide-tel {
    width: 30px;
    height: 30px;
}

.slide-weixin {
    width: 30px;
    height: 30px;
}

.slide-qq {
    width: 30px;
    height: 30px;
}

.detail table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    text-align: center;
    font-size: 16px;
    color: #555;
}

td {
    height: 45px;
    line-height: 45px;
    border: 1px solid #ddd;
    position: relative;
}

td img {
    width: 24px;
    height: 24px;
    vertical-align: middle;
}

.activeTable tr:nth-child(2) th {
    padding: 25px 0;
    border-top: none;
}

.activeTable tr:nth-child(2) th p {
    height: 50px;
    line-height: 50px;
    font-size: 20px;
    color: #ef5b6b;
    text-align: center;
}

.activeTable tr:nth-child(2) th p:nth-child(2) {
    font-size: 14px;
    color: #999;
}

.activeTable tr:nth-child(2) th:nth-child(7) p {
    color: #ffc63f;
}

.activeTable tr:nth-child(2) th span {
    font-size: 12px;
}

.activeTable tr:nth-child(1) th {
    border-bottom: none;
}

.activeTable>tbody>tr:nth-child(1) {
    height: 80px;
    line-height: 80px;
    background-color: #f6f6f6;
}

.activeTable>tbody>tr:nth-child(2) {
    height: 100px;
}

.c1 {
    border-top: 5px solid #f6f6f6;
    text-align: center;
}

.c2 {
    border-top: 5px solid #72b6f4;
    text-align: center;
}

.c3 {
    border-top: 5px solid #fdb333;
    text-align: center;
}

.c4 {
    border-top: 5px solid #fdb333;
    text-align: center;
}

.c5 {
    border-top: 5px solid #ed20bf;
    text-align: center;
}

.c6 {
    border-top: 5px solid #b337e1;
    text-align: center;
}

.oddtr {
    background: #fff;
}

.column-l {
    background: #fff;
    vertical-align: middle;
}

.column-l p {
    color: #555!important;
}

.flowPath {
    width: 100%;
    background: #fff;
    margin: 0 auto;
    padding-bottom: 50px;
}

.flowPath__tit {
    font-size: 24px;
    color: #333;
    font-weight: bold;
    text-align: center;
    padding: 100px 0 36px;
}

.flowPath__des {
    font-size: 16px;
    color: #666;
    text-align: center;
    margin-bottom: 75px;
}

.flowPathImg {
    width: 1067px;
    font-size: 0;
    margin: 0 auto;
    position: relative;
}

.flowPathImg__bg img {
    display: block;
    width: 971px;
    height: 167px;
    margin: 0 auto;
}

.flowPathImg__item__default {
    display: none;
}

.flowPathImg__item_active {
    display: block;
}

.flowPathImg__item__apply {
    position: absolute;
    top: 18px;
    left: 47px;
}


.flowPathImg__item__regist {
    position: absolute;
    top: 18px;
    left: 260px;
}


.flowPathImg__item__temp {
    position: absolute;
    top: 18px;
    left: 473px;
}

.flowPathImg__item__decorate {
    position: absolute;
    top: 18px;
    left: 686px;
}

.flowPathImg__item__release {
    position: absolute;
    top: 18px;
    left: 897px;
}

.flowPathImg__item img {
    display: inline-block;
    width: 122px;
    height: 122px;
    border-radius: 50%;
}

.flowPathImg__item__apply1 {
    position: absolute;
    top: -9px;
    left: 22px;
}

.flowPathImg__item__regist1 {
    position: absolute;
    top: -9px;
    left: 234px;
}

.flowPathImg__item__temp1 {
    position: absolute;
    top: -9px;
    left: 447px;
}

.flowPathImg__item__decorate1 {
    position: absolute;
    top: -9px;
    left: 660px;
}

.flowPathImg__item__release1 {
    position: absolute;
    top: -9px;
    left: 871px;
}

.flowPathImg__item__default img {
    display: inline-block;
    width: 175px;
    height: 175px;
    border-radius: 50%;
}

.flowPathConWrap {
    padding: 120px 0 0;
}

.flowPathCon {
    display: none;
    width: 974px;
    height: 288px;
    margin: 0 auto;
    border: 1px solid #ccc;
    border-radius: 5px;
    font-size: 0;
}

.flowPathCon:first-child {
    display: block;
}

.flowPathCon__item {
    float: left;
    width: 440px;
    height: 100%;
}

.flowPathCon__tit {
    font-size: 24px;
    color: #333;
    line-height: 1;
    padding-top: 40px;
    padding-left: 64px;
}

.flowPathCon__des {
    height: 66px;
    line-height: 20px;
    font-size: 14px;
    color: #666;
    padding-top: 26px;
    padding-left: 64px;
}

.flowPathCon__des1 {
    height: 46px;
    font-size: 14px;
    color: #666;
    padding-top: 26px;
    padding-left: 64px;
}

.flowPathCon__imgs {
    margin-top: 40px;
    padding-left: 64px;
}


.flowPathCon__imgs__item {
    float: left;
    width: 70px;
    margin-right: 60px;
    text-align: center;
}

.flowPathCon__imgs__item1 {
    float: left;
    width: 160px;
    margin-right: 50px;
}

.flowPathCon__imgs__item1:last-child {
    margin-right: -50px;
}

.flowPathCon__imgs__item:nth-child(3n) {
    margin-right: -60px;
}

.flowPathCon__imgs__item img {
    display: inline-block;
    width: 48px;
    height: 48px;
}

.flowPathCon__imgs__item span {
    display: block;
    padding-top: 20px;
    line-height: 1;
    font-size: 14px;
    color: #6daaf8;
    text-align: center;
}

.flowPathCon__imgs__item1 span:first-child {
    font-size: 14px;
    line-height: 1;
    color: #71acf8;
}

.flowPathCon__imgs__item1 span:last-child {
    display: block;
    line-height: 20px;
    font-size: 14px;
    margin-top: 20px;
    color: #666;
}

.flowPathCon__btn {
    float: left;
    width: 532px;
    height: 100%;
}

.flowPathCon__btn__item {
    display: block;
    width: 200px;
    height: 40px;
    margin: 124px auto;
    line-height: 40px;
    background: #71acf8;
    font-size: 20px;
    color: #fff;
    text-align: center;
    border-radius: 5px;
}

.flowPathCon__btn__item:hover {
    color: #fff;
}

.flowPathImg__item__btn {
    text-align: center;
    margin-top: 42px;
}

.flowPathImg__item__num {
    display: inline-block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    border-radius: 50%;
    border: 2px solid #ccc;
    background: #fff;
    font-size: 16px;
    color: #ccc;
    text-align: center;
}

.flowPathImg__item__text {
    font-size: 16px;
    color: #ccc;
    margin-left: 10px;
}

.flowPathImg__item__firstText {
    color: #6daaf8;
}

.flowPathImg__item_hover {
    display: inline-block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    border-radius: 50%;
    border: 2px solid #6daaf8;
    background: #6daaf8;
    font-size: 16px;
    color: #fff;
    text-align: center;
}

.content {
    background: #fff;
}

.section {
    width: 1080px;
    background: #fff;
    margin: 0 auto;
}

.section1__tit {
    font-size: 24px;
    color: #333;
    font-weight: bold;
    text-align: center;
    padding: 100px 0 36px;
}

.section1__subhead {
    font-size: 16px;
    color: #666;
    text-align: center;
    margin-bottom: 75px;
}

.section1 li {
    cursor: pointer;
    float: left;
    width: 200px;
    margin:35px;
}
.section1__upper img {
    width: 90px;
    height: 90px;
    display: block;
    margin: 0 auto 30px;
}

.section1__upper__tit {
    display: block;
    font-size: 16px;
    color: #333;
    line-height: 1;
    text-align: center;
    margin-bottom: 12px;
    font-weight: bold;
}

.section1__upper__subhead {
    display: block;
    font-size: 14px;
    color: #666;
    line-height: 24px;
    margin-bottom: 28px;
}

.section1__bottom {
    display: none;
    box-sizing: border-box;
    border: 2px solid #4370f1;
    width: 100%;
    height: 212px;
}

.section1__bottom__tit {
    display: block;
    font-size: 14px;
    color: #333;
    line-height: 1;
    text-align: center;
    margin: 30px 0 12px;
    font-weight: bold;
}

.section1__bottom__subhead {
    display: block;
    padding: 0 10px;
    font-size: 14px;
    color: #666;
    line-height: 24px;
    margin-bottom: 28px;
}

.section1__bottom__lab {
    display: block;
    padding: 0 10px;
    font-size: 14px;
    color: #333;
    line-height: 1;
    margin-bottom: 5px;
}

.section1__bottom__item {
    display: block;
    padding: 0 10px;
    font-size: 14px;
    color: #666;
    line-height: 24px;
    margin-bottom: 28px;
}

.section1__btn {
    width: 128px;
    height: 40px;
    line-height: 40px;
    background: #6daaf8;
    border-radius: 5px;
    font-size: 14px;
    color: #fff;
    text-align: center;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    margin: 0 auto;
}
.section1__btn a,.section1__btn a:hover{
     font-size: 14px;
    color: #fff;
}
.section2__tit {
    font-size: 24px;
    color: #333;
    font-weight: bold;
    text-align: center;
    margin: 100px 0 60px;
}

.section2 {
    width: 100%;
    padding: 0 40px;
    height: 403px;
}

.section2__tabBar {
    float: left;
    box-sizing: border-box;
    width: 240px;
    height: 100%;
    padding: 9px 0;
    border-right: 5px solid #eee;
}

.section2__tabBar li {
    cursor: pointer;
    padding-left: 30px;
}

.section2__tabBar__item {
    width: 126px;
    height: 77px;
    line-height: 77px;
    border-radius: 10px;
    font-size: 14px;
    color: #333;
    text-align: center;
}

.section2__tabBar_active {
    background: #6daaf8;
    color: #fff;
}

.section2__tab {
    display: none;
    float: left;
    margin-left: 100px;
}

.section2__tab_active {
    display: block;
}
.section2__tab img{
    width:660px;
}
.section2__tab p {
    font-size: 16px;
    color: #666;
    line-height: 1.2;
    padding-bottom: 25px;
}
.q_head_in{
    background: #231e25;
}

.qcy_fixed_btn {
    position: fixed;
    bottom: 56px;
    right: 30px;
    height: 60px;
    width: 60px;
    border-radius: 100%;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#549bff),to(#38f));
    background-image: -webkit-linear-gradient(top,#549bff,#38f);
    background-image: -moz-linear-gradient(top,#549bff 0,#38f 100%);
    background-image: linear-gradient(-180deg,#549bff,#38f);
    z-index: 20;
    opacity: 1;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    transition: all .5s ease
}

.qcy_fixed_btn:hover {
    cursor: pointer;
    background-image: -webkit-gradient(linear,left bottom,left top,from(#67a6ff),to(#207dff));
    background-image: -webkit-linear-gradient(bottom,#67a6ff,#207dff);
    background-image: -moz-linear-gradient(bottom,#67a6ff 0,#207dff 100%);
    background-image: linear-gradient(0deg,#67a6ff,#207dff)
}

.qcy_fixed_btn P {
    padding: 14px 16px;
    font-family: PingFangSC-Regular;
    font-size: 14px;
    color: #fff;
    letter-spacing: 0;
    line-height: 16px
}

.btn-show {
    opacity: 0
}


.fixed-sideBox {
    position: fixed;
    top: 0;
    bottom: 0;
    right: -290px;
    width: 290px;
    opacity: .95;
    background: #fff;
    border: 0 solid #e5e5e5;
    -webkit-box-shadow: 0 1px 10px 0 rgba(0,0,0,.07);
    box-shadow: 0 1px 10px 0 rgba(0,0,0,.07);
    z-index: 88888888;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    transition: all .5s ease
}

.sideBox-show {
    right: 0
}


.sideBox-content {
    padding-top: 40px
}

.consult-type {
    padding: 20px 30px 30px
}
.consult-type .closeBox-btn {
    height: 30px;
    text-align: right
}

.consult-type .closeBox-btn span {
    height: 30px;
    width: 30px;
    display: inline-block;
    background-size: 100% auto;
    background-image: url("../images/pricing/close.png")
}

.tel_title{
    font-size: 14px;
    color: #666;
    letter-spacing: 0;
    padding-top: 10px;
    padding-bottom:20px;
    line-height: 20px;
    font-family: PingFangSC-Regular;
}

.tel_num{
    font-size: 34px;
    color: #333;
    letter-spacing: 0;
    padding-bottom: 14px;
    line-height: 34px;
    font-family: PingFangSC-Medium;
    
}

.wechat_con{
    padding: 50px 0px;
    border-top: .5px solid #e5e5e5;

}
.QQ_con{
    padding: 26px 0px;
    border-top: .5px solid #e5e5e5;
}

.qq_box p {
    display: inline-block;
    width: 60px;
    height: 60px;

}

.qq_box p img {
    display: block;
    width: 34px;
    height: 34px;
    margin: 0 auto;
}

.qq-box span{
font-size: 14px;
    color: #666;
    letter-spacing: 0;
    padding-top: 10px;
    padding-bottom: 20px;
    line-height: 10px;
    font-family: PingFangSC-Regular;
}



    </style>
</head>
<body>
<div class="qcy-wrap" style="padding-top:0px ">
    <div id="navbar">
        <div class="q_head">

        <div class="progress-indicator-2" style="width: 0%; height: 2px; background: rgb(255, 131, 90); position: fixed; top: 0px; z-index: 88883;"></div>
       

        <div class="q_head_con">
			<div style="position: relative">
           			 <div class="g-box clearfix f-pr">
                <div class="q_hd_pr">
                <a class="q_logo" href="http://www.88ff.com/cloud/Home">
                    <img class="q_logo_img" src="./七彩云 - 微麦小程序招商、小程序加盟、小程序代理,七彩云小程序一站式服务 - 七彩云服务1_files/logo1.png"><!--  <img src="http://cdn0.taojinzi.com/images/2017/12/18/affd79f93578d03f85ea6abf07dc75bb.png"> --><span class="q_logo_txt">微麦</span>
                </a>
				
					<label style="color: #FFFFFF;font-size: 28px; display: inline-block;margin-top: 17px;"><span style="font-size: 14px;">全国免费电话：</span>400-112-9102</label>
					
					                         <ul class="q_snav">
                        <li><a target="_blank" href="http://www.88ff.com/cloud/Login">登录</a></li>
                        <li><a target="_blank" href="http://www.88ff.com/cloud/Home/enroll" class="q_snav_b s1">免费注册</a></li>
                    </ul>
                    
                 <div class="qc_icon" style="float: right">
                    <ul class="q_nav xq_navbar" style="float: right;">
                        <li class="xq_navli">
                            <a target="_blank" href="http://www.88ff.com/cloud">小程序</a>
                        </li>
                        <li class="xq_navli an_title">
                            <a href="javascript:;">解决方案</a>
										<div class="an_title_con" style="display: none;">
												<div class="an_title_li">
													<div class="an_title_li_pro">
															<div class="pro_title">主要产品</div>
															<div class="an_title_li_pr_con">
																<a href="http://www.88ff.com/cloud/Home/template?type=41">
																	<lable class=" iocn_img ioc_one"></lable>
																	<p>微商城</p>
																	<span>专业的移动电商解决方案，多种营销方案</span>
															    </a>
															</div>
															<div class="an_title_li_pr_con">
																	<a href="http://www.88ff.com/cloud/Home/template?type=36">
																	<lable class=" iocn_img ioc_gw"></lable>
																		<p>微官网</p>
																		<span>专业全面介绍提升你的品牌形象</span>
																	</a>
															</div>
															<div class="an_title_li_pr_con">
																	<a href="http://www.88ff.com/cloud/Home/template?type=45">
																	<lable class=" iocn_img ioc_tc"></lable>
																		<p>同城信息</p>
																		<span>多功能地方信息平台</span>
																	</a>
															</div>
															<div class="an_title_li_pr_con">
																	<a href="http://www.88ff.com/cloud/Home/template?type=37">
																	<lable class=" iocn_img ioc_cy"></lable>
																		<p>餐饮</p>
																		<span>专门为餐饮行业打造的专属模板。</span>
																	</a>
															</div>
															<div class="an_title_li_pr_con">
																	<a href="http://www.88ff.com/cloud/Home/template?type=47">
																	<lable class=" iocn_img ioc_my"></lable>
																		<p>美业</p>
																		<span>业态多场景支持，全面解决美业经营需求。</span>
																	</a>
															</div>
															<div class="an_title_li_pr_con">
																	<a href="http://www.88ff.com/cloud/Home/template?type=39">
																	<lable class="iocn_img ico_dz"></lable>
																	<p>定制版</p>
																		<span>多种解决方案</span>
																	</a>
															</div>
													</div>

													<div class="qc_line"></div>
													
													<div class="an_title_li_que">
															<div class="pro_title">智能解决方案</div>
															<div class="an_title_li_pr_con">
																		<p>小程序</p>
																		<span>轻松开店，一键即可</span>
															</div>
															<div class="an_title_li_pr_con">
																		<p>营销</p>
																		<span>多种营销工具，多种营销手段</span>
															</div>
															<div class="an_title_li_pr_con">
																		<p>流量</p>
																		<span>各种方式渠道引流，轻松获用户</span>
															</div>
														<div class="an_title_li_pr_con">
																		<p>精准投放</p>
																		<span>根据lbs精准投放广告，目标用户精准</span>
															</div>
														<div class="an_title_li_pr_con">
																		<p>管理</p>
																		<span>丰富管理权限，轻松管理店铺</span>
															</div>
														<div class="an_title_li_pr_con">
																		<p>大数据分析</p>
																		<span>大数据多纬度分析，轻松洞察企业状态</span>
													</div>
												</div>
											</div>
							
                        </div></li>
                        <li class="xq_navli">
                            <a href="http://www.88ff.com/cloud/Home/template">模版大厅</a>
                        </li>
                        <li class="xq_navli">
                            <a href="http://www.88ff.com/cloud/Home/queryName">小程序查询</a>
                        </li>
                      <!--   <li class="xq_navli go-business">
                            <a href="/cloud/Home/business">微麦创业大礼包</a>
                        </li> -->
<!--
                        <li  class="xq_navli">
                            <a href="/cloud/Home/aboutUs">关于我们</a>
                        </li>
-->
                    </ul>   
                </div>
                 
                    
                </div>
            
        </div>
			</div>
			
       
        </div>

         <div class="bg_op" style="opacity: 0.2;"></div>
    </div><link rel="stylesheet" type="text/css" href="./七彩云 - 微麦小程序招商、小程序加盟、小程序代理,七彩云小程序一站式服务 - 七彩云服务1_files/pricing.css">
<link rel="stylesheet" type="text/css" href="./七彩云 - 微麦小程序招商、小程序加盟、小程序代理,七彩云小程序一站式服务 - 七彩云服务1_files/animate.min.css">
<style type="text/css">
	img{font-size: 0px;}
	.slogin_message{
		position: absolute;width: 1100px;height: 100%;top: 0;right: 0;bottom: 0;left: 0;margin: auto;padding-right: 200px;text-align: center;
	}
	.slogin_message h1{font: inherit;font-size: 43px;color: #fff;margin: 130px 0 7px;line-height: 62px;}
	.slogin_message p{font-size: 20px;color: #fff;margin-bottom: 55px;-webkit-font-smoothing: antialiased; }
	.font-lighter {
		 font-family: "Helvetica,Pingfang SC,Microsoft YaHei,STHeiti,Verdana,Arial,Tahoma,sans-serif";/*font-weight: lighter;*/
		  font-weight: 300;
	}
	.go_btn{background: #ffdc00;font-size: 16px;color: #333;padding: 14px 38px;display: inline-block;border-radius: 34px;
/*-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);*/
	}
	.my_adv{
		width: 1200px;
		height: auto;
		padding: 100px 10px 160px;
		margin: 0 auto;overflow: hidden;
	}
	.top_title{text-align: center;font-size: 32px;}
	.bottom_line{text-align: center;width: 100px;height: 3px;background: #5878f6;margin: 10px auto 0px;}
	.adv_list{margin-top:110px;}
	.adv_list li{float: left; font-size: 18px; width: 236px; text-align: center;padding:0px 40px;}
	.adv_list p{margin-top: 46px;}
	.my_adv img{width: 140px;}
	.adv_list li:hover{color: #005db5;}

	
	.my_solve{width: 1200px;height: 723px;padding: 100px 0px 110px 0px;margin: 0 auto; overflow: hidden;
		background:#f7f8fc url(/asset/cloud/images/pricing/icon/w_code.png) no-repeat center center;
	}
	.solve_list li{float: left; position: relative; font-size: 18px; width: 224px; height: 350px; text-align: center; margin-left: 20px; padding:0px; background: #fff; overflow: hidden}
	.solve_list{margin-top:110px;}
	.solve_list li:first-child{ margin-left: 0px;}
	.so_cat{color: #222222;margin-top: 32px;}
	
	.sol_detail{position:absolute;width: 224px; height: 270px; background: #fff; bottom:-270px;padding:6px 30px 40px; -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease
	}
	
	.sol_detail p{ font-size:18px;  color: #222222;margin-top: 26px; line-height: 38px;}
	.sol_detail label{display: block; text-align: left; font-size: 14px; color: #666666;margin-top: 8px; line-height: 18px; font-weight: 300; }
	.sol_show{bottom:0px;}
	.go_now{font-size: 14px;color: #70d9bf; border: 1px solid #70d9bf;padding: 8px 16px;display: inline-block;border-radius: 34px;margin-top: 20px;}
	.go_now:hover{background:#70d9bf; color: #fff;}
	
	.my_mark{width: 1200px;
		height: 930px;
		padding: 100px 50px 160px;
		margin: 0 auto;overflow: auto;}
	.mark_list {margin: 60px 0px 0px; text-align: center;}
	.mark_list>div{position: absolute;width: 350px; height:308px;background: #fff; border: 1px solid #e6e6e6;-webkit-box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.1);box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.1); -webkit-transition: all .3s ease;-moz-transition: all .3s ease;transition: all .3s ease;
	transform-origin:center center;-webkit-transform-origin:20% 40%;-moz-transform-origin:center center;-o-transform-origin:center center;}
	.mark_list>div:hover{width: 385px;height: 339px;z-index: 8;border-top:4px solid #6278f9}
	.mark_list img{width: auto;margin-top: 80px;}
	.mark_list p{ font-size:18px;  color: #222222;margin-top: 6px; line-height: 38px;}
	.mark_list label{display: block; font-size: 16px; color: #666666;line-height: 22px; font-weight: 300; }
	
	
	.my_case{width: 1200px;height: 723px;padding: 100px 0px 110px 0px;margin: 0 auto;background:#f7f8fc; overflow: hidden;}
	.case_list li{float: left; position: relative; font-size: 18px; width: 285px; height: 400px; text-align: center; margin-left: 20px; padding:0px; background: #fff; overflow: hidden}
	.case_list{margin-top:60px;}
	.case_list li:first-child{ margin-left: 0px;}
	.case_cat{color: #222222;margin-top: 32px;}
	
	.case_detail{position:absolute; text-align: center;width: 285px; height: 400px; background: rgba(255,255,255,1); top:-400px;padding:6px 30px 40px; -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease
	}
	
	.case_detail p{ font-size:18px;  color: #222222;margin-top: 26px; line-height: 38px;}
	.case_detail label{display: block; text-align: left; font-size: 14px; color: #666666;margin-top: 8px; line-height: 18px; font-weight: 300; }
	.case_show{top:0px;}
	
	.case_cat{color: #222222; font-size: 18px; margin-top: 32px; text-align: left}
	
	.mes_con{ padding: 16px 20px;text-align: left}
	.mes_con label{font-size: 14px; color: #666666; margin-top: 8px;}
	
	.my_speed_con{ position: relative; width: 100%;height: 789px;
		background:#f7f8fc url(/asset/cloud/images/pricing/icon/speed.jpg) no-repeat center center; }
	
	.my_speed{width: 1200px;
		height: 789px;
		padding: 100px 50px 160px;
		margin: 0 auto;overflow: hidden;}
	.speer_btn{position: absolute;width: 1177px;height: 567px; background:url(/asset/cloud/images/pricing/icon/speed_img.png) no-repeat center center;top:500px; }
	
	.ab_us{width: 1200px;
		height: auto;
		padding: 80.2px 50px 160px;
		margin: 0 auto;overflow: hidden;}
	.comp_img{
		height: auto;padding-top: 20px;
	}
	.comp_img label{
		float: left; width: 600px;padding-left: 30px;
    font-size: 16px;
    color: #666666;text-indent:35px;
    line-height: 22px;
    font-weight: 300; margin-top: 10px; line-height: 28px;  }
	
	.ac_day{
		width: 100%;
		background: #28c69f url(/asset/cloud/images/pricing/icon/last_ibg.png) no-repeat center center;
		height: 500px;
	}
	.ac_day_con{
		width: 1200px;
		height: 500px;
		padding: 100px 10px 0px;
		margin: 0 auto;overflow: hidden;
	}
	
	
	.last_list{margin-top:80px;overflow: hidden}
	.last_list li{float: left; font-size: 18px; width: 232px;  text-align: center;padding:40px 40px;}
	.last_list p{font-size: 40px; color: #fff; font-weight: 300; }
	.last_list lable{font-family: "Helvetica,Pingfang SC,Microsoft YaHei,STHeiti,Verdana,Arial,Tahoma,sans-serif";font-size: 16px; color: #fff;-webkit-font-smoothing: antialiased; line-height: 30px; }.q_logo_txt{width: 40px;}
	
</style>

<script type="text/javascript">
	
	$(document).ready(function() {
		

		$(".solve_list li").hover(
			function(){
				$(this).find('.sol_detail').addClass("sol_show");
			},function(){
				$(this).find('.sol_detail').removeClass("sol_show");
			}
		)
		
		$(".case_list li").hover(
			function(){
				$(this).find('.case_detail').addClass("case_show");
			},function(){
				$(this).find('.case_detail').removeClass("case_show");
			}
		)

    })
</script>
   <div class="banner-content">
        <div class="swiper-container swiper-container-horizontal swiper-container-fade">
            <div class="swiper-wrapper" style="transition-duration: 0ms;"><div class="swiper-slide swiper-slide-duplicate swiper-slide-duplicate-active" data-swiper-slide-index="1" style="width: 1583px; transform: translate3d(0px, 0px, 0px); opacity: 1; transition-duration: 0ms;">
                    <img src="./七彩云 - 微麦小程序招商、小程序加盟、小程序代理,七彩云小程序一站式服务 - 七彩云服务1_files/banner_02.jpg" alt="banner2">
                    <div class="banner__btn banner__btn2">
                        <a href="javascript:;" class="banner__btn2_active" style="color: #fff;">点击查看</a>
                    </div>
                </div>
              <!--   <div  class="swiper-slide">
                    <a href="/cloud/Home/business">
                        <img src="/asset/cloud/images/business/banner2.jpg" alt="微麦招商图" />
                    </a>
                </div>
                <div  class="swiper-slide">
                <img src="/asset/cloud/images/pricing/ad_img1.jpg" alt="ad_1">
                                     <a class="ad-btn" href="/cloud/Login">立即登录</a>
                                </div> -->
                 <div class="swiper-slide swiper-slide-prev swiper-slide-duplicate-next" data-swiper-slide-index="0" style="width: 1583px; transform: translate3d(-1583px, 0px, 0px); opacity: 1; transition-duration: 0ms;">
                    <a href="http://www.88ff.com/cloud/Home/template">
                         <img src="./七彩云 - 微麦小程序招商、小程序加盟、小程序代理,七彩云小程序一站式服务 - 七彩云服务1_files/banner1_01.png" alt="banner1">
						</a><div class="slogin_message"><a href="http://www.88ff.com/cloud/Home/template">
							<h1>一键生成，瞬间拥有</h1>
							<p class="font-lighter">无需代码，不用编程，仅几步，极速拥有你的小程序</p>
							</a><a class="go_btn" target="_blank" href="http://www.88ff.com/cloud/Home/enroll">立即使用</a>
						</div>
                    
					 
                </div> 
				
				<div class="swiper-slide swiper-slide-active" data-swiper-slide-index="1" style="width: 1583px; transform: translate3d(-3166px, 0px, 0px); opacity: 1; transition-duration: 0ms;">
                    <img src="./七彩云 - 微麦小程序招商、小程序加盟、小程序代理,七彩云小程序一站式服务 - 七彩云服务1_files/banner_02.jpg" alt="banner2">
                    <div class="banner__btn banner__btn2">
                        <a href="javascript:;" class="banner__btn2_active" style="color: #fff;">点击查看</a>
                    </div>
                </div>
                <!-- <div class="swiper-slide">
                         <img src="/asset/cloud/images/pricing/test2.jpeg" alt="banner1">
                </div> -->
                <!-- <div class="swiper-slide">
                    <img src="/asset/cloud/images/pricing/banner_01.jpg" alt="banner1">
                    <div class="banner__btn banner__btn1">
                        <a href="/cloud/Home/template" class="banner__btn1_active">挑选使用</a>
                    </div>
                </div>
                <div class="swiper-slide">
                    <img src="/asset/cloud/images/pricing/banner_02.jpg" alt="banner2">
                    <div class="banner__btn banner__btn2">
                        <a href="/cloud/Home/business" class="banner__btn2_active">点击查看</a>
                    </div>
                </div>
                <div class="swiper-slide">
                    <img src="/asset/cloud/images/pricing/banner_03.jpg" alt="banner3">
                    <div class="banner__btn banner__btn3">
                       <a href="/cloud/Home/template" class="banner__btn3_active">挑选使用</a>
                    </div>
                </div>
                <div class="swiper-slide">
                    <img src="/asset/cloud/images/pricing/banner_04.jpg" alt="banner4">
                    <div class="banner__btn banner__btn4">
                         <a href="/cloud/Home/business" class="banner__btn4_active">点击查看</a>
                    </div>
                </div> -->
            <div class="swiper-slide swiper-slide-duplicate swiper-slide-next swiper-slide-duplicate-prev" data-swiper-slide-index="0" style="width: 1583px; transform: translate3d(-4749px, 0px, 0px); opacity: 0; transition-duration: 0ms;">
                    <a href="http://www.88ff.com/cloud/Home/template">
                         <img src="./七彩云 - 微麦小程序招商、小程序加盟、小程序代理,七彩云小程序一站式服务 - 七彩云服务1_files/banner1_01.png" alt="banner1">
						</a><div class="slogin_message"><a href="http://www.88ff.com/cloud/Home/template">
							<h1>一键生成，瞬间拥有</h1>
							<p class="font-lighter">无需代码，不用编程，仅几步，极速拥有你的小程序</p>
							</a><a class="go_btn" target="_blank" href="http://www.88ff.com/cloud/Home/enroll">立即使用</a>
						</div>
                    
					 
                </div></div>
            <!-- 如果需要分页器 -->
            <div class="swiper-pagination swiper-pagination-clickable swiper-pagination-bullets"><span class="swiper-pagination-bullet"></span><span class="swiper-pagination-bullet swiper-pagination-bullet-active"></span></div>
            <!-- 如果需要导航按钮 -->
            <!-- <div class="swiper-button-prev"></div>
            <div class="swiper-button-next"></div> -->
            <!-- 如果需要滚动条 -->
            <!--<div class="swiper-scrollbar"></div>-->
        </div>
    </div>
	
	<div style="width:100%; background: #FFF;">
		<div class="my_adv">
			<div class="wow bounceInDown animated" data-wow-duration=".8s" data-wow-delay=".1s" style="visibility: visible; animation-duration: 0.8s; animation-delay: 0.1s; animation-name: bounceInDown;">
				<p class="top_title">我们的优势</p>
				<p class="bottom_line"></p>
			</div>
			<ul class="adv_list">
				<li class="wow bounceInLeft animated" data-wow-duration=".8s" data-wow-delay=".3s" style="visibility: visible; animation-duration: 0.8s; animation-delay: 0.3s; animation-name: bounceInLeft;">
					<img src="./七彩云 - 微麦小程序招商、小程序加盟、小程序代理,七彩云小程序一站式服务 - 七彩云服务1_files/adv_01.png">
				   <p>强技术，好质量</p>
				</li>
				<li class="wow bounceInLeft animated" data-wow-duration=".8s" data-wow-delay=".2s" style="visibility: visible; animation-duration: 0.8s; animation-delay: 0.2s; animation-name: bounceInLeft;">
					<img src="./七彩云 - 微麦小程序招商、小程序加盟、小程序代理,七彩云小程序一站式服务 - 七彩云服务1_files/adv_02.png">
					<p>轻松生成小程序</p>
				</li>
				<li class="wow bounceInLeft animated" data-wow-duration=".8s" data-wow-delay=".1s" style="visibility: visible; animation-duration: 0.8s; animation-delay: 0.1s; animation-name: bounceInLeft;">
					<img src="./七彩云 - 微麦小程序招商、小程序加盟、小程序代理,七彩云小程序一站式服务 - 七彩云服务1_files/adv_03.png">
					<p>专业团队专人服务</p>
				</li>
				<li class="wow bounceInRight animated" data-wow-duration=".8s" data-wow-delay=".1s" style="visibility: visible; animation-duration: 0.8s; animation-delay: 0.1s; animation-name: bounceInRight;">
					<img src="./七彩云 - 微麦小程序招商、小程序加盟、小程序代理,七彩云小程序一站式服务 - 七彩云服务1_files/adv_04.png">
					<p>丰富多样的模板</p>
				</li>
				<li class="wow bounceInRight animated" data-wow-duration=".8s" data-wow-delay=".2s" style="visibility: visible; animation-duration: 0.8s; animation-delay: 0.2s; animation-name: bounceInRight;">
					<img src="./七彩云 - 微麦小程序招商、小程序加盟、小程序代理,七彩云小程序一站式服务 - 七彩云服务1_files/adv_05.png">
					<p>强大营销功能组件</p>
				</li>
			</ul>
		</div>
		
		<div style="background: #f7f8fc">
			<div class="my_solve">
				<div class="wow bounceInDown animated" data-wow-duration=".8s" data-wow-delay=".1s" style="visibility: visible; animation-duration: 0.8s; animation-delay: 0.1s; animation-name: bounceInDown;">
					<p class="top_title">解决方案</p>
					<p class="bottom_line"></p>
				</div>
				<ul class="solve_list">
					<li class="wow bounceInUp animated" data-wow-duration=".8s" data-wow-delay=".1s" style="visibility: visible; animation-duration: 0.8s; animation-delay: 0.1s; animation-name: bounceInUp;">
						<img src="./七彩云 - 微麦小程序招商、小程序加盟、小程序代理,七彩云小程序一站式服务 - 七彩云服务1_files/fa_02.jpg">
					   <p class="so_cat">餐饮</p>
						<div class="sol_detail">
							<p>餐饮</p>
							<label>专为餐饮行业打造，简单高效的门店经营和在线营销工具</label>
							<label>适用于：餐厅食堂、超市等可配送行业。</label>
							<a class="go_now" href="http://www.88ff.com/cloud/Home/template?type=37">立即查看</a>
						</div>
					</li>
					<li class="wow bounceInUp animated" data-wow-duration=".8s" data-wow-delay=".2s" style="visibility: visible; animation-duration: 0.8s; animation-delay: 0.2s; animation-name: bounceInUp;">
						<img src="./七彩云 - 微麦小程序招商、小程序加盟、小程序代理,七彩云小程序一站式服务 - 七彩云服务1_files/fa_01.jpg">
						<p class="so_cat">微商城</p>
						<div class="sol_detail">
							<p>微商城</p>
							<label>专业的移动电商解决方案，分销、拼团等多种营销方案</label>
							<label>适用于：3C数码、家具家纺、图书音像等。</label>
							<a class="go_now" href="http://www.88ff.com/cloud/Home/template?type=41">立即查看</a>
						</div>
					</li>
					<li class="wow bounceInUp animated" data-wow-duration=".8s" data-wow-delay=".3s" style="visibility: visible; animation-duration: 0.8s; animation-delay: 0.3s; animation-name: bounceInUp;">
						<img src="./七彩云 - 微麦小程序招商、小程序加盟、小程序代理,七彩云小程序一站式服务 - 七彩云服务1_files/fa_03.jpg">
						<p class="so_cat">同城信息</p>
						<div class="sol_detail">
							<p>同城信息</p>
							<label>包含招聘信息、二手租赁、家电维修等多功能的地方信息平台。</label>
							<label>适用于：餐厅食堂、超市等可配送行业。</label>
							<a class="go_now" href="http://www.88ff.com/cloud/Home/template?type=45">立即查看</a>
						</div>
					</li>
					<li class="wow bounceInUp animated" data-wow-duration=".8s" data-wow-delay=".1s" style="visibility: visible; animation-duration: 0.8s; animation-delay: 0.1s; animation-name: bounceInUp;">
						<img src="./七彩云 - 微麦小程序招商、小程序加盟、小程序代理,七彩云小程序一站式服务 - 七彩云服务1_files/fa_04.jpg">
						<p class="so_cat">美业</p>
						<div class="sol_detail">
							<p>美业</p>
							<label>业态多场景支持，全面解决美业经营需求。</label>
							<label>适用于：美容美体美发、医疗美容、美甲美睫、健身房等。</label>
							<a class="go_now" href="http://www.88ff.com/cloud/Home/template?type=47">立即查看</a>
						</div>
					</li>
					<li class="wow bounceInUp animated" data-wow-duration=".8s" data-wow-delay=".2s" style="visibility: visible; animation-duration: 0.8s; animation-delay: 0.2s; animation-name: bounceInUp;">
						<img src="./七彩云 - 微麦小程序招商、小程序加盟、小程序代理,七彩云小程序一站式服务 - 七彩云服务1_files/fa_05.jpg">
							<p class="so_cat">特色定制</p>
							<div class="sol_detail">
								<p>特色定制</p>
								<label>专业的技术团队为你倾力打造，满足不同场景的不同类型的业务需要</label>
								<label>适用于：有特殊需求场景，专属业务。</label>
								<a class="go_now" href="http://www.88ff.com/cloud/Home/template?type=39">立即查看</a>
							</div>
					</li>
				</ul>
			</div>
		</div>
		
		
			<div class="my_mark">
				<div class="wow bounceInDown animated" data-wow-duration=".8s" data-wow-delay=".1s" style="visibility: visible; animation-duration: 0.8s; animation-delay: 0.1s; animation-name: bounceInDown;">
					<p class="top_title">营销工具</p>
					<p class="bottom_line"></p>
				</div>
				<div class="mark_list">
					<div class="wow bounceIn animated" style="visibility: visible; animation-name: bounceIn;">
					   <img src="./七彩云 - 微麦小程序招商、小程序加盟、小程序代理,七彩云小程序一站式服务 - 七彩云服务1_files/sol_01.png">
					   <p class="so_cat">餐饮</p>
					    <label>消费一定金额</label>
						<label>享受价格优惠</label>
					</div>
					
					<div class="wow bounceIn animated" style="margin-left: 380px; visibility: visible; animation-name: bounceIn;">
					   <img src="./七彩云 - 微麦小程序招商、小程序加盟、小程序代理,七彩云小程序一站式服务 - 七彩云服务1_files/sol_02.png">
					   <p class="so_cat">分销</p>
					    <label>提供货源，招揽分销商</label>
						<label>帮自己卖货</label>
					</div>
					
					<div class="wow bounceIn animated" style="margin-left: 746px; visibility: visible; animation-name: bounceIn;">
					   <img src="./七彩云 - 微麦小程序招商、小程序加盟、小程序代理,七彩云小程序一站式服务 - 七彩云服务1_files/sol_03.png">
					   <p class="so_cat">秒杀</p>
					    <label>邀请好友拼团凑单，</label>
						<label>价格更优</label>
					</div>
					
					<div class="wow bounceIn animated" style="margin-top: 320px; margin-left: 0px; visibility: visible; animation-name: bounceIn;">
					   <img src="./七彩云 - 微麦小程序招商、小程序加盟、小程序代理,七彩云小程序一站式服务 - 七彩云服务1_files/sol_04.png">
					   <p class="so_cat">消费</p>
					    <label>用超低价吸引客户，</label>
						<label>带动整体销量</label>
					</div>
					
					<div class="wow bounceIn animated" style="margin-top: 320px; margin-left: 380px; visibility: visible; animation-name: bounceIn;">
					   <img src="./七彩云 - 微麦小程序招商、小程序加盟、小程序代理,七彩云小程序一站式服务 - 七彩云服务1_files/sol_05.png">
					   <p class="so_cat">砍价</p>
					    <label>邀请好友砍价得优惠,</label>
						<label>同时带动销量</label>
					</div>
					
					<div class="wow bounceIn animated" style="margin-top: 320px; margin-left: 746px; visibility: visible; animation-name: bounceIn;">
					   <img src="./七彩云 - 微麦小程序招商、小程序加盟、小程序代理,七彩云小程序一站式服务 - 七彩云服务1_files/sol_06.png">
					   <p class="so_cat">会员卡</p>
					    <label>老客户关系的</label>
						<label>精细化管理</label>
					</div>
					
				</div>
			</div>
		
			
			<div style="background: #f7f8fc">
			<div class="my_case">
				<div class="wow bounceInDown animated" data-wow-duration=".8s" data-wow-delay=".2s" style="visibility: visible; animation-duration: 0.8s; animation-delay: 0.2s; animation-name: bounceInDown;">
					<p class="top_title">精彩案例</p>
					<p class="bottom_line"></p>
				</div>
				<ul class="case_list">
					<li class="wow bounceInLeft animated" data-wow-duration=".8s" data-wow-delay=".1s" style="visibility: visible; animation-duration: 0.8s; animation-delay: 0.1s; animation-name: bounceInLeft;">
						<img src="./七彩云 - 微麦小程序招商、小程序加盟、小程序代理,七彩云小程序一站式服务 - 七彩云服务1_files/SC_01.jpg">
						<div class="mes_con">
					    	<p class="case_cat">商超百货</p>
							<label>经营类目：商超</label>
							<div style="position: absolute; width: 58px; height: 58px;right: 20px; bottom:30px;"><img src="./七彩云 - 微麦小程序招商、小程序加盟、小程序代理,七彩云小程序一站式服务 - 七彩云服务1_files/shop_01.jpeg"></div>
						</div>
						<div class="case_detail">
							<div style="margin-top: 80px;"><img src="./七彩云 - 微麦小程序招商、小程序加盟、小程序代理,七彩云小程序一站式服务 - 七彩云服务1_files/shop_01.jpeg" style="width: 150px;"></div>
							<p>商超百货</p>
							<label style="text-align: center;margin-top: -4px">经营类目：电商</label>
						</div>
					</li>
					<li class="wow bounceInLeft animated" data-wow-duration=".8s" data-wow-delay=".2s" style="visibility: visible; animation-duration: 0.8s; animation-delay: 0.2s; animation-name: bounceInLeft;">
						<img src="./七彩云 - 微麦小程序招商、小程序加盟、小程序代理,七彩云小程序一站式服务 - 七彩云服务1_files/KF_03.jpg">
						<div class="mes_con">
					    	<p class="case_cat">咖啡民宿</p>
							<label>经营类目：餐饮，住宿</label>
							<div style="position: absolute; width: 58px; height: 58px;right: 20px; bottom:30px;"><img src="./七彩云 - 微麦小程序招商、小程序加盟、小程序代理,七彩云小程序一站式服务 - 七彩云服务1_files/coffe.jpeg"></div>
						</div>
						<div class="case_detail">
							<div style="margin-top: 80px;"><img src="./七彩云 - 微麦小程序招商、小程序加盟、小程序代理,七彩云小程序一站式服务 - 七彩云服务1_files/coffe.jpeg" style="width: 150px;"></div>
							<p>咖啡民宿</p>
							<label style="text-align: center;margin-top: -4px">经营类目：餐饮，住宿</label>
						</div>
					</li>
					<li class="wow bounceInRight animated" data-wow-duration=".8s" data-wow-delay=".1s" style="visibility: visible; animation-duration: 0.8s; animation-delay: 0.1s; animation-name: bounceInRight;">
						<img src="./七彩云 - 微麦小程序招商、小程序加盟、小程序代理,七彩云小程序一站式服务 - 七彩云服务1_files/PS_14.jpg">
						<div class="mes_con">
					    	<p class="case_cat">餐饮美食</p>
							<label>经营类目：餐饮、外卖</label>
							<div style="position: absolute; width: 58px; height: 58px;right: 20px; bottom:30px;"><img src="./七彩云 - 微麦小程序招商、小程序加盟、小程序代理,七彩云小程序一站式服务 - 七彩云服务1_files/ps_01.jpeg"></div>
						</div>
						<div class="case_detail">
							<div style="margin-top: 80px;"><img src="./七彩云 - 微麦小程序招商、小程序加盟、小程序代理,七彩云小程序一站式服务 - 七彩云服务1_files/ps_01.jpeg" style="width: 150px;"></div>
							<p>餐饮美食</p>
							<label style="text-align: center;margin-top: -4px">经营类目：餐饮、外卖</label>
						</div>
					</li>
					<li class="wow bounceInRight animated" data-wow-duration=".8s" data-wow-delay=".2s" style="visibility: visible; animation-duration: 0.8s; animation-delay: 0.2s; animation-name: bounceInRight;">
						<img src="./七彩云 - 微麦小程序招商、小程序加盟、小程序代理,七彩云小程序一站式服务 - 七彩云服务1_files/my_im.jpg">
						<div class="mes_con">
					    	<p class="case_cat">美容养生</p>
							<label>经营类目：美容、美体</label>
							<div style="position: absolute; width: 58px; height: 58px;right: 20px; bottom:30px;"><img src="./七彩云 - 微麦小程序招商、小程序加盟、小程序代理,七彩云小程序一站式服务 - 七彩云服务1_files/my_01.jpeg"></div>
						</div>
						<div class="case_detail">
							<div style="margin-top: 80px;"><img src="./七彩云 - 微麦小程序招商、小程序加盟、小程序代理,七彩云小程序一站式服务 - 七彩云服务1_files/my_01.jpeg" style="width: 150px;"></div>
							<p>美容养生</p>
							<label style="text-align: center;margin-top: -4px">经营类目：美容、美体、健身、养生</label>
						</div>
					</li>
				</ul>
			</div>
		</div>
		
		
		
		<!--div class="my_speed_con">
			<div class="my_speed">
				<div class="wow bounceInDown animated" data-wow-duration=".8s" data-wow-delay=".2s" style="visibility: visible; animation-duration: 0.8s; animation-delay: 0.2s; animation-name: bounceInDown;">
					<p class="top_title" style="color: #fff">快速上线小程序</p>
					<p class="bottom_line"></p>
				</div>
				<div class="wow bounceInUp animated" style="margin-top: 100px; visibility: visible; animation-name: bounceInUp;">
					<img src="./七彩云 - 微麦小程序招商、小程序加盟、小程序代理,七彩云小程序一站式服务 - 七彩云服务1_files/speed_icon.png">
				</div>
				
				<div class="wow bounceInUp speer_btn animated" data-wow-duration=".8s" data-wow-delay=".2s" style="visibility: visible; animation-duration: 0.8s; animation-delay: 0.2s; animation-name: bounceInUp;">
					<a class="go_now" style="position: absolute;margin: 0 0px 0px -70px;padding:14px 24px;bottom: 100px;left: 50%;" href="http://www.88ff.com/cloud/Home/template">立即挑选</a>
				</div>
				
			</div>
		</div-->
		
		
		<div class="ab_us">
			<div class="wow bounceInDown animated" data-wow-duration=".8s" data-wow-delay=".2s" style="visibility: visible; animation-duration: 0.8s; animation-delay: 0.2s; animation-name: bounceInDown;">
				<p class="top_title">关于我们</p>
				<p class="bottom_line"></p>
			</div>
			<div style="margin-top: 65px;">
				<div class="wow bounceInLeft animated" style="width: 496px; float: left; visibility: visible; animation-name: bounceInLeft;"><img src="./七彩云 - 微麦小程序招商、小程序加盟、小程序代理,七彩云小程序一站式服务 - 七彩云服务1_files/comp_img.jpg"></div>
				<div class="wow bounceInRight comp_img animated" style="visibility: visible; animation-name: bounceInRight;">
						<label>  七彩云成立于电商之都——杭州，是中国领先的新零售服务商-万青集团旗下的SaaS品牌，致力于通过软件和服务帮助商家实施新零售。总部位于中国  天堂硅谷--白马湖畔，成立之初即获得隆领资本的青睐和投资。</label><br>
					  <label>七彩云以高新技术和互联网理念，为企业打造营销、销售、运营一站式解决方案，并能在原有解决方案基础上进行二次开发，灵活定制，从而打造更贴合商业实践的线上—移动—线下三位一体的企业新零售平台，使企业与用户能够通过各种载体及终端进行交易和消费。企业用户无需搭建技术团队，真正让企业用户省钱、省心、省力。</label>
				</div>
			</div>
		</div>
		
		
		<div class="ac_day">
			<div class="ac_day_con">
				<div class="wow bounceInDown animated" data-wow-duration=".8s" data-wow-delay=".2s" style="visibility: visible; animation-duration: 0.8s; animation-delay: 0.2s; animation-name: bounceInDown;">
					<p class="top_title" style="color: #fff">七彩云邀您共同开启小程序时代</p>
				</div>
					<ul class="last_list">
						<li class="wow bounceInDown animated" data-wow-duration=".8s" data-wow-delay=".1s" style="visibility: visible; animation-duration: 0.8s; animation-delay: 0.1s; animation-name: bounceInDown;">
							<p>100家</p>
						   <lable>代理合作伙伴</lable>
						</li>
						<li class="wow bounceInUp animated" data-wow-duration=".8s" data-wow-delay=".2s" style="visibility: visible; animation-duration: 0.8s; animation-delay: 0.2s; animation-name: bounceInUp;">
							<p>100个</p>
						   <lable>覆盖行业和类目</lable>
						</li>
						<li class="wow bounceInUp animated" data-wow-duration=".8s" data-wow-delay=".1s" style="visibility: visible; animation-duration: 0.8s; animation-delay: 0.1s; animation-name: bounceInUp;">
							<p>900万</p>
						   <lable>页面访问量</lable>
						</li>
						<li class="wow bounceInUp animated" data-wow-duration=".8s" data-wow-delay=".3s" style="visibility: visible; animation-duration: 0.8s; animation-delay: 0.3s; animation-name: bounceInUp;">
							<p>1亿</p>
						   <lable>产品月交易额</lable>
						</li>
						<li class="wow bounceInUp animated" data-wow-duration=".8s" data-wow-delay=".2s" style="visibility: visible; animation-duration: 0.8s; animation-delay: 0.2s; animation-name: bounceInUp;">
							<p>2万</p>
						   <lable>商家信赖之选</lable>
						</li>
				</ul>
				<div class="wow bounceInUp animated" style="text-align: center; margin-top: 40px; visibility: visible; animation-name: bounceInUp;">
					<a class="go_btn" target="_blank" href="http://www.88ff.com/cloud/Home/enroll">立即注册</a>
				</div>
			</div>
		</div>
		
		
		
		
		
		

	</div>


<script type="application/javascript">
$(function(){
	var wow = new WOW({
		boxClass: 'wow',
		animateClass: 'animated',
		offset: 0,
		mobile: true,
		live: true
	});
	wow.init();
	})
</script>


<script type="text/javascript">
    $('.flowPathImg__item').each(function(index, item) {
        
        $(item).mouseover(function() {
            console.log(index);
            $('.flowPathImg__item__default').eq(index).siblings('.flowPathImg__item__default').hide();
            $('.flowPathImg__item__default').eq(index).show();
            $('.flowPathImg__item').eq(index).siblings().children().children('.flowPathImg__item__num').removeClass('flowPathImg__item_hover');
            $('.flowPathImg__item').eq(index).siblings().children().children('.flowPathImg__item__text').css('color', '#ccc');
            $('.flowPathCon').eq(index).siblings('.flowPathCon').hide();
            $('.flowPathImg__item__num').eq(index).addClass('flowPathImg__item_hover');
            $('.flowPathImg__item__text').eq(index).css('color', '#6daaf8');
            $('.flowPathCon').eq(index).show();

        })
    });
    $('.section1 li').each(function(index,item){
        $(item).mouseover(function(){
            $('.section1__upper').eq(index).hide();
            $('.section1__bottom').eq(index).show();
        })
         $(item).mouseout(function(){
            $('.section1__upper').eq(index).show();
            $('.section1__bottom').eq(index).hide();
        })
    })
    $('.section2__tabBar li').each(function(index,item){
        $(item).mouseover(function(){
            console.log($('section2__tab__item').eq(index));
            $(item).siblings().children().removeClass('section2__tabBar_active');
            $(item).children().addClass('section2__tabBar_active');
            $('.section2__tab').eq(index).siblings('.section2__tab').hide();
            $('.section2__tab').eq(index).show();
        })
    })
</script>
<script src="./七彩云 - 微麦小程序招商、小程序加盟、小程序代理,七彩云小程序一站式服务 - 七彩云服务1_files/wow.min.js"></script>


<style type="text/css">
	.qw_list{position: relative;height: auto; width: 510px; overflow: auto}
	.qw_list li{
		float: left;
		line-height: 24px;
		font-size: 15px;
		margin-right: 14px;
		font-weight: 300;
		
	}
</style>
<div class="footerWrap">
    <div class="QR-code-wrap" style="background: #242a40; color: #e8ebf6;">
        <div class="QR-code-img" style="width: 1200px;margin: 0 auto;padding-left: 80px;">
            <img src="./七彩云 - 微麦小程序招商、小程序加盟、小程序代理,七彩云小程序一站式服务 - 七彩云服务1_files/QR-Code.jpg" alt="footer">
            <div style="">
                <p style="font-size: 20px;color: #e8ebf6;line-height: 40px;font-weight: 700;">联系我们</p>
                <p style="color: #e8ebf6;" class="col-white">咨询电话：<span style=" font-size: 30px; font-weight: 700;">400-1129102</span></p>
                <p style="color: #e8ebf6;"><span class="col-white" style="color: #e8ebf6;">微信：feiniaola</span>&nbsp;(或微信扫描左侧二维码)</p>
                <p style="color: #e8ebf6;">地址：杭州市滨江区白马湖动漫广场2号楼</p>
            </div>
			
			 <div style="margin-left: 30px; border-left: 1px solid #666;">
                <p style="font-size: 20px;color: #e8ebf6;line-height: 40px;font-weight: 700;">权威认证</p>
				<ul class="qw_list">
					<li style="color: #e8ebf6;" class="col-white"><span style="font-weight: 700">软件著作权证书号：</span>第2259266号 | 第2068249号 | 第1113407号 | 第1113401号 | 第1009392号 | 第1008853号 | 第1113404号 | 第1008926号 | 第1009128号</li>
<!--
					<li style="color: #e8ebf6;" class="col-white">软件著作权证书号：第2068249号</li>
					<li style="color: #e8ebf6;" class="col-white">软件著作权证书号：第1113407号</li>
					<li style="color: #e8ebf6;" class="col-white">软件著作权证书号：第1113401号</li>
					<li style="color: #e8ebf6;" class="col-white">软件著作权证书号：第1009392号</li>
					<li style="color: #e8ebf6;" class="col-white">软件著作权证书号：第1008853号</li>
					<li style="color: #e8ebf6;" class="col-white">软件著作权证书号：第1113404号</li>
					<li style="color: #e8ebf6;" class="col-white">软件著作权证书号：第1008926号</li>
					<li style="color: #e8ebf6;" class="col-white">软件著作权证书号：第1009128号</li>
-->
			
				</ul>
            </div>
			
        </div>
    </div>
	
    <div class="copyright" style="background: #1e2336;">
<!--        <span>©2015七彩云|微麦官网  杭州万曲品牌管理有限公司  浙ICP备11061879号</span>-->
        <span style="color: #767777;font-size: 14px;">©2015七彩云|微麦官网 杭州万曲品牌管理有限公司 浙ICP备11061879号</span>
    </div>
</div>

<!--悬浮微信QQ start-->
<!-- <div class="chat-right">
    <ul>
        <li class="tit">
            在线<br>咨询</li>
        <li><a href="javaScript:;" class="blue active"><img src="/asset/cloud/images/index/selected-tel.png" class="slide-tel">
                <div class="idh-box">
                    <i class=""></i>
                    <p>专业咨询</p>
                    <p class="large-font green">王经理:18258835941</p>
                    <p class="large-font green">钟经理:18072994587</p>
                    <p class="large-font green">王经理:17746849298</p>
                </div>
            </a></li>
        <li class="weixin"><a href="javaScript:;" class="green">
                <img src="/asset/cloud/images/index/slide-weixin.jpg" class="slide-weixin">
                <img class="slide-QR-Code" src="/asset/cloud/images/index/slide-QR-Code.jpg"></a></li>
        <li>
            <a href="javaScript:;" class="blue"><img src="/asset/cloud/images/index/slide-qq.png" class="slide-qq">
                <div class="qq-box">
                    <p class="large-font green">
                        <img src="/asset/cloud/images/index/qq.png" alt="">
                        <span>客服一</span>
                    </p>
                    <p class="large-font green">
                        <img src="/asset/cloud/images/index/qq.png" alt="">
                        <span>客服二</span>
                    </p>
                </div>
            </a>
        </li>
    </ul>
</div> -->

<!--悬浮微信QQ end-->
<div id="fixed-sideBox" class="fixed-sideBox">
    <div class="sideBox-content">
        <div class="consult-type">
            <div id="closeBox-btn" class="closeBox-btn">
                <span></span>
            </div>
            <div>
                <p class="tel_title">全国免费电话</p>
                <p class="tel_num">400-112-9102</p>
              
            </div>

            <div class="wechat_con">
                <!-- <img src="/asset/cloud/images/index/slide-weixin.jpg" class="slide-weixin"> -->
                <img class="slide-QR-Code" src="./七彩云 - 微麦小程序招商、小程序加盟、小程序代理,七彩云小程序一站式服务 - 七彩云服务1_files/slide-QR-Code.jpg">
            </div>

            <div class="QQ_con">
                <a href="javaScript:;" class="blue" style="cursor:pointer">
                    <div class="qq-box">
                        <p class="large-font green">
                            <img src="./七彩云 - 微麦小程序招商、小程序加盟、小程序代理,七彩云小程序一站式服务 - 七彩云服务1_files/qq.png" alt="">
                            <span>客服一</span>
                        </p>
                        <p class="large-font green">
                            <img src="./七彩云 - 微麦小程序招商、小程序加盟、小程序代理,七彩云小程序一站式服务 - 七彩云服务1_files/qq.png" alt="">
                            <span>客服二</span>
                        </p>
                    </div>
                </a>
            </div>

        </div>
      
    </div>
</div>


<div id="qcy_fixed_btn" class="qcy_fixed_btn"><p>在线咨询</p></div>

</div>
<script type="text/javascript">
    $(document).ready(function() {
        $("#userName").click(function() {
            $(this).find("span").toggle();
        })

            var  $qcy = $("#qcy_fixed_btn"),
                 $sideBox = $("#fixed-sideBox"),
                 $closeBox = $("#closeBox-btn"),
				 $banner_active = $(".banner__btn2_active");
				
            $qcy.click(function() {
                $sideBox.addClass("sideBox-show"),
                $qcy.addClass("btn-show")
            });
		
		    $banner_active.click(function() {
                $sideBox.addClass("sideBox-show"),
                $qcy.addClass("btn-show")
            });
		
            $closeBox.click(function() {
                $sideBox.removeClass("sideBox-show"),
                $qcy.removeClass("btn-show")
            });
    })
    $(document).ready(function() {
        $(".chat-right a").hover(function() {
            $(this).addClass("active").closest("li").siblings().find("a").removeClass("active");
        }, function() {
            $(this).removeClass("active");
        });
    })

    $(function(){
        $('.slide-tel').parent().mouseover(function(){
            $('.slide-tel').attr({'src':'/asset/cloud/images/index/selected-tel.png'});
        }).mouseout(function(){
            $('.slide-tel').attr({'src':'/asset/cloud/images/index/slide-tel.jpg'});
        })
        $('.slide-weixin').parent().mouseover(function(){
            $('.slide-weixin').attr({'src':'/asset/cloud/images/index/selected-weixin.png'});
            $('.slide-tel').attr({'src':'/asset/cloud/images/index/slide-tel.jpg'});
        }).mouseout(function(){
            $('.slide-weixin').attr({'src':'/asset/cloud/images/index/slide-weixin.jpg'});
        })
        $('.slide-qq').parent().mouseover(function(){
            $('.slide-qq').attr({'src':'/asset/cloud/images/index/selected-qq.png'});
            $('.slide-tel').attr({'src':'/asset/cloud/images/index/slide-tel.jpg'});
        }).mouseout(function(){
            $('.slide-qq').attr({'src':'/asset/cloud/images/index/slide-qq.png'});
        })
    })

    // Caroursel.init($('.caroursel'))
    $(function() {
        var mySwiper = new Swiper('.swiper-container', {
            loop: true,
            autoplay: 20000,
            autoplayDisableOnInteraction: false,
            speed: 800,
            mode: 'horizontal',
            //            mousewheelControl: true,
            paginationClickable: true,
            updateOnImagesReady : true,
                      effect : 'fade',
                      crossFade:false,
            //            centeredSlides: true,
            pagination: '.swiper-pagination',
            prevButton: '.swiper-button-prev',
            nextButton: '.swiper-button-next',
            onSlideChangeStart: function(swiper){
                 var colorArr = ['#353944','#231e25','#242b23','#e64a19','#184e7c'];
                if (swiper.activeIndex == 1 || swiper.activeIndex == 6) {
                     $('.q_head_in').css('background',colorArr[0]);

                }else{
                     $('.q_head_in').css('background',colorArr[swiper.activeIndex - 1]);
                }
                $('.q_head_in').fadeIn(800,'linear');
    }
        })      
    })
    $(function(){
        $('.qq-box p').eq(0).click(function(){
            var w = window.open();
            setTimeout(function(){
                w.location = 'http://wpa.qq.com/msgrd?v=3&uin=254278895&site=qq&menu=yes'
            },1000)
            return false;
        })
        $('.qq-box p').eq(1).click(function(){
            var w = window.open();
            setTimeout(function(){
                w.location = 'http://wpa.qq.com/msgrd?v=3&uin=444859763&site=qq&menu=yes'
            },1000)
            return false;
        })
    })
</script>
<script type="text/javascript">
        $(function(){
            $(".xq_bag").xq_navbar({"type":"underline","liwidth":"auto","bgcolor":"","hcolor":"#fff"});
        });
 </script>
<script>
    var _hmt = _hmt || [];
    (function() {
        var hm = document.createElement("script");
        hm.src = "https://hm.baidu.com/hm.js?fa136af346418286d1ca0c450a9423de";
        var s = document.getElementsByTagName("script")[0];
        s.parentNode.insertBefore(hm, s);
    })();
</script>
<div style="display: none">
    <script src="./七彩云 - 微麦小程序招商、小程序加盟、小程序代理,七彩云小程序一站式服务 - 七彩云服务1_files/z_stat.php" language="JavaScript"></script><script src="./七彩云 - 微麦小程序招商、小程序加盟、小程序代理,七彩云小程序一站式服务 - 七彩云服务1_files/core.php" charset="utf-8" type="text/javascript"></script><a href="http://www.cnzz.com/stat/website.php?web_id=1260075984" target="_blank" title="站长统计">站长统计</a>
</div>

</div></body></html>